Less (스타일시트 언어)

3. Sass와의 비교

Sass는 Less와 함께 널리 사용되는 CSS 전처리기 중 하나로, 프로그래밍 구문을 통해 CSS를 효율적으로 작성하도록 돕는다.^[4] Less는 Sass에서 영감을 받아 개발되었다.^[5][2]

Sass는 초기에 CSS를 간소화하고 확장하는 데 중점을 두어 중괄호({})와 같은 요소를 제거했다. 반면 Less는 CSS와의 호환성을 최대한 유지하도록 설계되어, 기존 CSS 코드를 Less에서도 그대로 사용할 수 있었다.^[6] 이후 Sass는 SCSS(Sassy CSS)라는 새로운 구문을 도입하여 CSS와 유사한 형태로 작성할 수 있게 되었다.^[19] Less는 버전 1.4부터 네스팅(nesting)과 `&:extends`, `@extends` 의사(pseudo) 선택자를 통한 상속을 지원한다.

더 자세한 구문 비교는 여기에서 확인할 수 있다.

4. Less 소프트웨어

Less 코드를 CSS로 컴파일하는 다양한 도구들이 존재한다. 윈도우, 맥 OS X, 리눅스 등 다양한 플랫폼에서 사용할 수 있는 컴파일러, 편집기, 플러그인 등이 있다.

4. 1. 주요 Less 소프트웨어 목록

참조

_[1] 웹사이트 Getting started {{!}} Less.js http://lesscss.org/ 2021-03-19
_[2] 웹사이트 Sass and Less : Nex3 http://nex-3.com/pos[...] 2009-06-17
_[3] 웹사이트 css - Is there a SASS.js? Something like LESS.js? https://stackoverflo[...] 2010-12-14
_[4] 웹사이트 What's Wrong With CSS https://blog.codingh[...] 2022-12-03
_[5] 웹사이트 About {{!}} Less.js http://lesscss.org/a[...] 2021-03-19
_[6] 웹사이트 sass_and_less_compared.markdown https://gist.github.[...] 2021-03-19
_[7] 웹사이트 License Information · Issue #55 · marklagendijk/WinLess https://github.com/m[...] 2021-03-19
_[8] 웹사이트 Crunch/LICENSE.txt at master · matthew-dean/Crunch https://github.com/m[...] 2021-03-19
_[9] 웹사이트 less.js-windows/LICENSE at master · duncansmart/less.js-windows https://github.com/d[...] 2021-03-19
_[10] 웹사이트 SimpLESS/LICENSE.txt at master · Paratron/SimpLESS https://github.com/P[...] 2021-03-19
_[11] 웹사이트 Chirpy - VS Add In For Handling Js, Css, DotLess, and T4 Files - CodePlex Archive https://archive.code[...] 2021-03-19
_[12] 웹사이트 Eclipse plugin for LESS http://www.normalesu[...] 2021-03-19
_[13] 웹사이트 grunt-contrib-less/LICENSE-MIT at master · gruntjs/grunt-contrib-less https://github.com/g[...] 2021-03-19
_[14] 웹사이트 WebEssentials2013/LICENSE.txt at master · madskristensen/WebEssentials2013 https://github.com/m[...] 2021-03-19
_[15] 웹사이트 clessc/LICENSE at master · BramvdKroef/clessc https://github.com/B[...] 2021-03-19
_[16] 웹사이트 snout.less/LICENSE.md at master · pytesNET/snout.less https://github.com/p[...] 2021-03-19
_[17] 웹사이트 CHANGELOG https://github.com/l[...] 2022-06-03
_[18] 웹사이트 About LESS http://lesscss.org/a[...]
_[19] 웹사이트 Sass and Less http://nex-3.com/pos[...]
_[20] 웹사이트 http://stackoverflow[...]
_[21] 웹사이트 Official LESS website http://lesscss.org/
_[22] 웹사이트 What's Wrong With CSS http://www.codinghor[...]
_[23] 웹사이트 Official Less website http://lesscss.org/
_[24] 웹사이트 Sass and Less http://nex-3.com/pos[...]
_[25] 웹인용 css - Is there a SASS.js? Something like LESS.js? https://stackoverflo[...]